body,html {
  margin:0;
  padding:0;}
  
body {
	background-color: #fff;}
	
#flex {
	display: flex;
	justify-content: center;
	top: 20px;}
	
#flex1 {
	display: flex;
	justify-content: right;
	top: 0px;}
	
#flex2 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	bottom: 0px;}
	
#flexmain, #flexmain1 {
	position: relative;
	display: flex;}
	
	#flexmain {
		top: 20px;}
	
	#rin {
		height: 600px;}
		
	#rinlower {
		height: 100vh;}
		
	#walk {
		height: 500px;}
		
	#flexint {
		display: flex;
		flex-direction: column;}
		
		#bannertop {
			height: 100px;
			width: 400px;
			background-color: white;}
		
		#content, #diary, #resources {
			width: 400px;
			font-size: 75%;
			color: black;}
			
			#diary {
				position: relative;
				height: 100vh;
				padding-right: 3px;
				text-align: right;
				overflow: auto;}
				
			#media {
				position: relative;
				top: 85px;
				font-size: 75%;
				color: black;}
				
			#changelog {
				border-top: dashed 1px black;
				font-size: 90%}